v3.2.1

Compare Source

What's Changed

Fix

• X/YAxis, etc.: reduce re-renders to fix blinking line in Zoom & Highlight example by @​PavelVanecek in #​6315
• Bar: Remove redundant Rectangle import, fixes tsup builds with recharts in them by @​guscost in #​6305
• Pie: fix PieLabel types by @​PavelVanecek in #​6313
• Brush: fix index off by one error when margin is 0 by @​ckifer in #​6323
• Enable dev tools via Global module instead of window by @​uncaught in #​6309

New Contributors

• @​guscost made their first contribution in #​6305

Full Changelog: recharts/recharts@v3.2.0...v3.2.1

v3.2.0

Compare Source

What's Changed

Quite a bit of 3.0 bug fixes in this release along with two new hooks. Thanks to all who've been reporting issues!

Feat

• Pie: support string values in Pie outerRadius callbacks by @​rephaelberkooz in #​6191
• PolarGrid: add fill color support to by @​mindtraveller in #​6287

Hooks

• New : useXAxisDomain and useYAxisDomain hooks by @​PavelVanecek in #​6201
• New: useMargin hook by @​PavelVanecek in #​6224

Fix

• Bar: fix unnecessary line breaks in Bar labels by @​eino in #​6214
• Bar: improve Bar performance when activeBar is turned off by @​PavelVanecek in #​6290
• Stacked Bar/Area: fix stacked charts with duplicate categorical data by @​PavelVanecek in #​6194
• Scatter: fix exception when Scatter data has non-string type property by @​PavelVanecek in #​6248
• X/YAxis: fix blinking when changing props by @​PavelVanecek in #​6262
• PolarAngleAxis/Radar: fix polar angle axis ticks text positions by @​mindtraveller in #​6276
• Label: allow rendering Labels as nested children in XAxis, YAxis and Reference elements by @​PavelVanecek in #​6219
  LabelList: fix issue with LabelList not rendering in Pie charts by @​PavelVanecek in #​6246
• Text: fix exception when Text's children is empty and scaleToFit=true by @​PavelVanecek in #​6282
• Tooltip: bound Tooltip coordinates to the chart container in synchronized charts by @​shreedharbhat98 in #​6263
• Brush: allow brush travelers to be controlled by keys after mouse interaction by @​ckifer in #​6285
• useActiveTooltipDataPoints : fix infinite rendering loop by @​PavelVanecek in #​6247

Chore

• Upgrade to ESLint 9 by @​NishargShah in #​6284
• Add better storybook docs for Text component by @​PavelVanecek in #​6278
• Make Recharts Redux devTools registration opt-in (fixes #​6250) by @​uncaught in #​6264
• Continued refactoring/improvements by @​PavelVanecek 🚀

New Contributors (thanks everyone!)

• @​rephaelberkooz made their first contribution in #​6189
• @​uncaught made their first contribution in #​6264
• @​mindtraveller made their first contribution in #​6276
• @​NishargShah made their first contribution in #​6284

Full Changelog: recharts/recharts@v3.1.2...v3.1.3

v3.1.2

Compare Source

What's Changed

Fix

• Label/Polar Charts: Label viewbox should now be present in polar charts and address #​6030 by @​PavelVanecek in #​6180
• Add LRU cache for string size measurements (#​3955) by @​shreedharbhat98 in #​6176

Full Changelog: recharts/recharts@v3.1.1...v3.1.2

v3.1.1

Compare Source

What's Changed

Fix

• General: Don't apply duplicate IDs in the DOM by @​PavelVanecek in #​6111
• Stacked Area/Bar: give all graphical items their own unique identifier and use that to select stacked data. Fixes issue where stacked charts could not be created from the graphical item data prop #​6073 by @​PavelVanecek
• Stacked Area/Bar: exclude stacked axis domain when not relevant for axis by @​rinkstiekema in #​6162 fixes issue where numeric stacked charts would not render correctly
• Area Chart: ranged area chart - show active dot on both points instead of just the top one by @​sroy8091 in #​6116 fixes #​6080
• Polar Charts/Label: fix Label in polar charts by @​PavelVanecek in #​6126
• Scatter/ErrorBar: choose implicit Scatter ErrorBar direction based on chart layout (to be the same as 2.x) by @​PavelVanecek in #​6159
• X/YAxis/Reference Components: allow axis values and reference items to render when there is no data but there is a domain/explicit ticks set by @​ethphan in #​6161
• X/YAxis: pass axis padding info to custom tick components by @​shreedharbhat98 in #​6163

Chore / Testing

• good progress on our journey to enable strictNullChecks
• addition of playwright visual regression tests to CI
• split Animate into JavascriptAnimate and CSSTransitionAnimate by @​PavelVanecek in #​6175

New Contributors

• @​sroy8091 made their first contribution in #​6116
• @​ethphan made their first contribution in #​6161

Full Changelog: recharts/recharts@v3.1.0...v3.1.1

v3.1.0

Compare Source

What's Changed

Bug fixes (old and new) and a few new hooks post 3.0 launch!

Feat

More hooks!

• Add useOffset and usePlotArea hooks by @​PavelVanecek in #​6057
• Add useActiveTooltipDataPoints hook by @​PavelVanecek in #​6067

Fix

• Legend: After hiding and showing legend elements, keep them in the same order as before by @​PavelVanecek in #​6026
• Bar: add payload as a valid property on BarRectangleItem by @​ckifer in #​6029
• Accessibility: Remove role=application from recharts wrapper (this was removed in 2.x for accessibility reasons) by @​PavelVanecek in #​6060
• ResponsiveContainer: Add overflow: visible zero-size wrapper so that ResponsiveContainer can shrink by @​PavelVanecek in #​6068
• X/YAxis: Fix tickCount and allowDecimals if axis domain does not include the keyword 'auto' by @​PavelVanecek in #​6070
• Tooltip: Fix active tooltip and dots when there are multiple graphical items each with their own data by @​PavelVanecek in #​6074

Docs

• Our storybook stories can now open in stackblitz by @​PavelVanecek in #​6043
• Add hook inspector documentation by @​PavelVanecek in #​6059
  • See https://main--63da8268a0da9970db6992aa.chromatic.com/?path=/docs/api-hooks-hookinspector--docs

Chore

• Remove duplicate 'square' from Pie component’s legendType summary by @​davinahi in #​6054

New Contributors

• @​davinahi made their first contribution in #​6054

Full Changelog: recharts/recharts@v3.0.2...v3.1.0

v3.0.2

Compare Source

What's Changed

Please skip 3.0.1 and go straight to 3.0.2 - #​6022. In React.StrictMode charts in 3.0.1 were not rendering at all. This revert should resolve that.

• revert: revert preserve legend order by @​ckifer in #​6023

Full Changelog: recharts/recharts@v3.0.1...v3.0.2

v3.0.1

Compare Source

⚠️ Version 3.0.1 has a bug where some charts will not render in React strict mode. Please use 3.0.2 or higher. ⚠️

What's Changed

Lots of fixes from the 3.0 release - thanks for the reports!

Edit: broke something #​6022

Fix

• Label: fix an issue which caused labelRef to get passed to custom DOM elements which logged an error/warning by @​saurabhraj123 in #​6008
• Pie->Label: fix issue where pie labels were not rendering correctly when specified as a child of Pie by @​PavelVanecek in #​5987
• Legend: apply legend itemSorter for custom content as well as default content by @​PavelVanecek in #​6012
  * Legend: keep legend items in the same order when they are hidden and shown by @​PavelVanecek in #​6017
• Bar->Brush: fix undefined access error when using Brush with stacked bar charts by @​PavelVanecek in #​6009
• X/YAxis: fix DecimalError when creating vertical oriented charts with a single datapoint by @​ckifer in #​6016
• X/Y/PolarAngle/PolarRadius Axis: tickFormatter is no longer called with data indexes before the actual data by @​PavelVanecek in #​6019

Full Changelog: recharts/recharts@v3.0.0...v3.0.1

v3.0.0

Compare Source

🚀 Recharts 3 is here!

Huge shoutout to @​PavelVanecek who wrote 95% of the code for this major version release. We re-wrote recharts state management, wrote some 3500 unit tests, fixed a bunch of bugs, and added a few well-requested features.

The intent with 3.0 is that it is now a better/easier place for the community to contribute to. Looking forward to what the future of recharts looks like in 3.x and beyond!

More details and the 3.0 migration guide

BREAKING CHANGES

Please see https://github.com/recharts/recharts/wiki/3.0-migration-guide#breaking-code-changes

tldr;

• CategoricalChartState (which was access to recharts internal state) no longer exists in event handlers or Customized, etc.
• <Customized /> no longer receives recharts state/props
• Removal of internal props that were always supposed to only be internal to recharts
• Remove previously deprecated props
• ...see full list linked above

New Features

• Custom Components - you can now render any react component in the recharts tree structure (but it must still be renderable within an SVG). Previously this was controlled and filtered by recharts
• Tooltip Portals - you can now use portals to position your tooltip data anywhere you'd like, including outside of your chart
• Legend Portals - similar to the above, you can now use portals to position your Legend anywhere you'd like, including outside of your chart
• Accessible by default - accessibilityLayer is now on on all polar and cartesian charts by default. Tab into the chart and use the arrow keys to navigate.
• Polar charts now support multiple axes (similar to cartesian charts)
• Tooltip: You can now select which axis your Tooltip belongs to using axisId
• YAxis: auto width calculation for YAxes - set width="auto"
• X/YAxis: Add symlog d3 scale type

Bug fixes and improvements

This release fixes some long standing issues in recharts, the easiest way to determine all of them is to take a look at the recharts 3.0 project board

• Animation improvements
• Typescript improvements
• Accessibility fixes/improvements
• Pie: no more border around pie sectors on click, etc.
• CartesianGrid: background now renders below the grid lines instead of above
• and more!

Our 3.0 storybook has a lot of updated examples!